<style>
  @import './Modal.less';
</style>

<template>
  <Modal v-model="this.$store.state.app.showModal" :closable="false" :mask-closable="false" width="360" class-name="vertical-center-modal">
    <p slot="header" style="color:#f60;text-align:center">
        <Icon type="information-circled"></Icon>
        <span>操作正在执行，请稍后...</span>
    </p>
    <div style="text-align:center;border: 0px;">
        <Row>
            <Col class="demo-spin-col" span="24">
                <Spin fix>
                    <Icon type="load-c" size="80" class="demo-spin-icon-load"></Icon>
                    <div></div>
                </Spin>
            </Col>
        </Row>
    </div>
    <div slot="footer"></div>
  </Modal>    
</template>
<script>
    export default {
        data () {
            return {
                showModal: true
            }
        }
    }
</script>
<style lang="less">
</style>
